<template>
  <div class="company-introduction">
    <el-breadcrumb separator="/" style="padding-left: 30px;padding-top: 30px;">
      <el-breadcrumb-item :to="{ path: '/' }">{{$store.state.isChinese? '首页': 'главная'}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{$store.state.isChinese? '公司简介': 'Компресс-рéквиз'}}</el-breadcrumb-item>
    </el-breadcrumb>
    <h2 style="margin-top: 30px;">{{$store.state.isChinese?content.titleCn:content.titleRa}}</h2>
    <p
        style="
        padding: 30px;
        font-size: 13px;
        line-height: 3;
        text-align: justify;
      "
    >
      <strong><span style="font-family: sans-serif; color: #212529; background: white" deep="4">{{$store.state.isChinese?content.descCn:content.descRa}}</span></strong>
    </p>
      <br/>
    <h2
        class="text-center mt-0"
        style="
        box-sizing: border-box;
        font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI',
          Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
          'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 2rem;
        color: rgb(33, 37, 41);
        white-space: normal;
        background-color: rgb(255, 255, 255);
        margin-top: 0px !important;
        text-align: center !important;
      "
    >
      {{$store.state.isChinese?'公司资质':'компресс-рéквиз'}}
    </h2>
    <p style="padding: 20px;">
      <img
    :src="content?.imgUrl?.startsWith('http') ? content.imgUrl : `${this.$NuoYiUrl}${content.imgUrl}`"
          style="width: 100%; height: 300px;"
      />
    </p>
  </div>
</template>

<script>

export default {
  data() {
    return {
      content: "",
    };
  },
  mounted() {
    this.getCompanyIntroduction();
  },
  methods: {
    async getCompanyIntroduction() {
      /*获取公司简介（1为公司简介）*/
      const {data:res} = await this.$http.get('/alltext/listAlltext?typeid=1',);
      console.log("公司简介：",res);
      if(res.code === 200){
        this.content = res.list[0];
      }
    }
  },
};
</script>

<style>
h2{
  padding-left: 20px;
  padding-right: 20px;
}
img{
  /*图片覆盖*/
  object-fit: fill; /* 填充整个img元素，可能剪裁cover */
}
</style>
